<!--<template>-->
<!--  <div>-->
<!--    <el-card style="margin: 5px 0">-->
<!--      <el-button type="primary" icon="el-icon-search" @click="searchAction" style="">查询</el-button>-->

<!--    </el-card>-->
<!--    <el-card>-->
<!--      <div>-->
<!--        <el-table-->
<!--          :data="skuList"-->
<!--          border-->
<!--          v-loading="loading"-->
<!--          style="width: 100%;margin-top: 10px"-->
<!--        >-->
<!--          <el-table-column align="center" type="index" label="序号" width="50"></el-table-column>-->
<!--          <el-table-column prop="spuSimpleName" align="center" label="商品简称"></el-table-column>-->
<!--          <el-table-column align="center" prop="image" label="Sku图片" width="180">-->
<!--            <template slot-scope="{row,$index}">-->
<!--              <el-image-->
<!--                style="width: 50px; height: 50px"-->
<!--                :src="filePrefix+row.giftDarkImg"-->
<!--                :preview-src-list="[filePrefix+row.image]"-->
<!--              >-->
<!--              </el-image>-->
<!--            </template>-->
<!--          </el-table-column>-->

<!--          <el-table-column prop="skuName" align="center" label="规格名称"></el-table-column>-->
<!--          <el-table-column prop="skuStock" align="center" label="库存" width="150"></el-table-column>-->

<!--          <el-table-column prop="skuCode" align="SKU编码" label="库存" width="150"></el-table-column>-->
<!--          <el-table-column prop="skuPrice" align="SKU价格(元)" label="库存" width="150"></el-table-column>-->


<!--          <el-table-column prop="skuStatus" label="状态" width="120">-->
<!--            <template slot-scope="scope">-->
<!--              <el-tag :type="enumFormat(scope.row.skuStatus).color">{{ enumFormat(scope.row.skuStatus).label }}</el-tag>-->
<!--            </template>-->
<!--          </el-table-column>-->


<!--        </el-table>-->
<!--        &lt;!&ndash;    current-page 当前页&ndash;&gt;-->
<!--        <el-pagination-->
<!--          style="margin-top: 20px;text-align: center"-->
<!--          @current-change="handleCurrentChange"-->
<!--          :current-page.sync="pageDto.pageNum"-->
<!--          :page-size="pageDto.pageSize"-->
<!--          :page-count="7"-->
<!--          background-->
<!--          layout="total, prev, pager, next,jumper"-->
<!--          :total="total"-->
<!--        >-->
<!--        </el-pagination>-->
<!--      </div>-->
<!--    </el-card>-->


<!--  </div>-->
<!--</template>-->
<!--<script>-->
<!--import * as api from './api'-->
<!--import { addRequest } from './api'-->
<!--import { SYSTEM_STATUS, SYSTEM_STATUS_BOOLEAN } from '@/utils/enum-data'-->

<!--export default {-->
<!--  name: 'sku',-->
<!--  data() {-->
<!--    return {-->
<!--      loading: false,-->
<!--      pageDto: {-->
<!--        pageNum: 1,-->
<!--        pageSize: 10-->
<!--      },-->
<!--      total: 0,-->
<!--      skuList: []-->
<!--    }-->

<!--  },-->
<!--  mounted() {-->
<!--    // 组件加载完毕发出请求-->
<!--    this.pageAction()-->
<!--  },-->
<!--  methods: {-->
<!--    searchAction() {-->
<!--      //刷新页面-->
<!--      this.pageAction()-->
<!--    },-->
<!--    //加载分页-->
<!--    async pageAction() {-->
<!--      this.loading = true-->
<!--      await this.$sleep(500)-->
<!--      let result = await api.pageRequest(this.pageDto)-->
<!--      this.skuList = result.data.list-->
<!--      this.total = result.data.total-->
<!--      this.loading = false-->
<!--    },-->

<!--    //点击切换页码-->
<!--    handleCurrentChange(val) {-->
<!--      console.log(`当前页: ${val}`)-->
<!--      this.pageDto.pageNum = val-->
<!--      this.pageAction()-->
<!--    },-->

<!--    enumFormat(val) {-->
<!--      let itemTemp = {}-->
<!--      this.$GlobalStatus.SYSTEM_STATUS_BOOLEAN.forEach(item => {-->
<!--        if (item.type === val) {-->
<!--          itemTemp = item-->
<!--        }-->
<!--      })-->
<!--      return itemTemp-->
<!--    }-->
<!--  }-->
<!--}-->
<!--</script>-->

<!--<style>-->
<!--.el-tag + .el-tag {-->
<!--  margin-left: 10px;-->
<!--}-->

<!--/*sku图片*/-->
<!--.avatar-uploader .el-upload {-->
<!--  border: 1px dashed #d9d9d9;-->
<!--  border-radius: 6px;-->
<!--  cursor: pointer;-->
<!--  position: relative;-->
<!--  overflow: hidden;-->
<!--}-->

<!--.avatar-uploader .el-upload:hover {-->
<!--  border-color: #409EFF;-->
<!--}-->

<!--</style>-->
